<template>
    <vxe-table
        height="500"
        :data="personData">
        <vxe-column
          title="文件名"
          field="excelName"
        ></vxe-column>
        <vxe-column type="expand">
          <template #content="{ row }">
            <div class="expand-wrapper">
              <vxe-table
              border
              max-height="300"
              :data="row.errorList"
              style="width: 100%;margin:10px">
              <vxe-column
                field="name"
                title="姓名"
                width="180">
              </vxe-column>
              <vxe-column
                field="idCard"
                title="身份证"
                width="180">
              </vxe-column>
              <vxe-column
                field="tableName"
                title="问题集">
              </vxe-column>
              <vxe-column
                field="errorMessage"
                title="异常信息"
              >
                <template slot-scope="scope">
                  <el-link style="font-size: 12px" @click="linkItemClick(scope.row.errorMessage)"
                            target="_blank">{{ scope.row.errorMessage.substring(0, 30) }}...
                  </el-link>
                </template>
              </vxe-column>
            </vxe-table>
            </div>
          </template>
        </vxe-column>
      </vxe-table>
  </template>
  
  <script>
  export default {
     data(){
      return {
        personData:[
          {
            excelName:"123",
            errorList:[
              {
                name:"张三",
                idCard:"123456",
                tableName:"问题",
                errorMessage:"不知道",
              }
            ]
          }
        ],
  
      }
     }
  }
  </script>
  <style scoped>
  >>>.vxe-table--expanded{
    float:right;
  }
  
  </style>